<template>
 <div class="container">
     <el-header>{{this.$store.state.meeting.name}}会议</el-header>
     <hr>
     <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/meetingQuestions' }"><span style="color:#409EFF">问题列表</span></el-breadcrumb-item>
        <el-breadcrumb-item>热点词汇</el-breadcrumb-item>
    </el-breadcrumb>
    <hr>

    <div class="tags">
        <el-tag class="item" v-for="(item,index) in hotWords" :key="index">{{item}}</el-tag>
    </div>
 </div>
</template>

<script>
export default {
    name:'HotWords',
    data() {
        return {
            hotWords:[]
        }
    },
    mounted(){
        this.initHotWords()
    },
    methods:{
        initHotWords(){
            this.axios.get('/question/analysis?meetingId='+this.$store.state.meeting.id).then((res)=>{
                this.hotWords=res.data;
            }).catch((err)=>{
                console.log(err);
            })
        }
    },
    components: {

    }
}
</script>

<style scoped>
    .container{
        width:50%;
        margin: 0 auto;
        border: 1px solid gray;
    }
    .tags{
        width: 200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .item{
        margin-top: 20px;
        background:url("../assets/hot.png");
        color: #ffffff;
    }
</style>
